<!DOCTYPE html>
<html lang="zh"  xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>用户端任务管理--任务列表</title>
    <link rel="icon" href="favicon.ico" type="images/ico">
    <meta name="author" content="dc">
    <link rel="stylesheet" type="text/css" href="/css/materialdesignicons.min.css">
    <link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="/css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="/css/style.min.css">
    <link href="/js/bootstrap-table/bootstrap-table.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="/js/jquery-confirm/jquery-confirm.min.css"/>
    <!--时间选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css">
    <!--固定table列-->
    <link href="/js/bootstrap-table/extensions/fixed-columns/bootstrap-table-fixed-columns.min.css" rel="stylesheet"/>
    <!--日期选择插件-->
    <!--日期选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datepicker/bootstrap-datepicker3.min.css" />
    <link rel="stylesheet" href="/css/input_tags.css" />



    <link rel="stylesheet" type="text/css" href="/css/daterangepicker.css" />

    <link rel="stylesheet" href="/css/skin.css"/>
    <link rel="stylesheet" href="/css/bootstrap-multiselect.css" type="text/css"/>
    <link rel="stylesheet" href="/css/bootstrap-select.css" type="text/css"/>
    <link rel="stylesheet" href="/css/bootstrapValidator.min.css" />
    <!--<link rel="stylesheet" href="/css/contractManager/user/contractForm.css" type="text/css"/>-->

    <link rel="stylesheet" href="/css/taskManager/user/calendar.css" />
    <link rel="stylesheet" href="/css/taskManager/user/taskList.css" />

</head>

<body>
<div>
    <div class="container-fluid p-t-15">
        <div class="row">
            <div class="clear-float">

                <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12 aside">
                    <div class="" style="width: 320px;">
                        <div class="card notice-box" style="height: 434px;">
                            <div class="card-body" style="padding: 0">
                                <input type="text" id="timeScreen" hidden="hidden" value="">
                                <div id="calendar" class="calendar"></div>
                            </div>

                            <div class="tips-thing">
<!--                                <div class="left-tips"> <p><span> 提醒：</span><span title="今日说法">今日说法</span></p>  </div>-->
                                <button class="right-btn" data-toggle="modal" data-target="#Addremind"><span>添加提醒</span></button>
                            </div>

                        </div>
                    </div>

                </div>

                <div class="content-wrapper">
                    <div class="content row">
                        <div class="col-sm-6">
                            <div class="card notice-box" style="height: 434px;">
                                <div class="card-header">
                                    <h4>待回款合同</h4>
                                    <H4 style="float:right;cursor:pointer;" class="more-jump">更多</H4>
                                </div>
                                <div class="card-body">
                                    <table id="unpaidContractList"></table>
                                </div>
                            </div>
                        </div>

                        <div class="col-sm-6">
                            <div class="card notice-box" style="height: 434px;">
                                <div class="card-header">
                                    <h4>近期活动</h4>
<!--                                    <H4 style="padding-right: 0">更多</H4>-->
                                </div>
                                <div class="card-body">
                                    <table id="recentActivityList"></table>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

            </div>

        </div>
        <div class="row">
            <div class="col-sm-4">
                <div class="card notice-box table-detail" style="height:450px;">
                    <div class="card-header">
                        <h4>本日任务</h4>
                    </div>
                    <div class="card-body">
                        <table id="todayTaskList"></table>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="card notice-box  table-detail" style="height: 450px;">
                    <div class="card-header">
                        <h4>相关提醒</h4>
                    </div>
                    <div class="card-body">
                        <table id="relatedRemindList"></table>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="card notice-box table-detail" style="height: 450px;">
                    <div class="card-header">
                        <h4>相关审批</h4>
                    </div>
                    <div class="card-body">
                        <table id="relatedApprove"></table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>



<!-- 新增提醒弹框 -->
<div class="modal fade" tabindex="-1" role="dialog" id="Addremind">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4>新增提醒</h4>
            </div>
            <form id="remindForm">
                <div class="modal-body">
                    <div class="row">

                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 form-group">
                                <label class="control-label" for="remindDate">提醒日期</label>
                                <div class="form-content">
                                    <input type="text" class="form-control" id="remindDate" placeholder="请选择提醒日期" autocomplete="off" name="remindDate">
                                </div>
                            </div>

                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 form-group">
                                <label class="control-label" for="remindthing">提醒事件</label>
                                <div class="form-content">
                                    <input type="text" class="form-control" id="remindthing" placeholder="请输入提醒事件" name="remindthing">
                                </div>
                            </div>

                    </div>

                </div>

                <div class="modal-footer">
                    <div class="btn btn-primary form-group sure-remind" onclick="remindSure()" type="submit"  >确定</div>
                    <div class="btn btn-default" data-dismiss="modal" >取消</div>
                </div>

            </form>
        </div>
    </div>
</div>

</body>
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/bootstrapValidator.min.js"></script>
<script type="text/javascript" src="/js/perfect-scrollbar.min.js"></script>
<script type="text/javascript" src="/js/main.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>
<script type="text/javascript" src="/js/popper.min.js"></script>
<script type="text/javascript" src="/js/jquery.cookie.min.js"></script>
<!--时间选择插件-->
<script src="/js/bootstrap-datetimepicker/moment.min.js"></script>
<script src="/js/jquery-confirm/jquery-confirm.min.js"></script>
<script src="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
<script src="/js/bootstrap-datetimepicker/locale/zh-cn.js"></script>
<!--日期选择插件-->
<script src="/js/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
<script src="/js/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>
<script type="text/javascript" src="/js/crm/common/dataRangePicker.min.js"></script>
<!-- 多选框下拉 -->
<script type="text/javascript" src="/js/bootstrap-multiselect.js"></script>
<script type="text/javascript" src="/js/bootstrap-select.js"></script>
<script type="text/javascript" src="/js/bootstrap.lyear.dropdowntree.min.js"></script>
<!--table固定列-->
<script type="text/javascript" src="/js/bootstrap-table/extensions/fixed-columns/bootstrap-table-fixed-columns.js"></script>
<!-- 拖动 -->
<script src="/js/bootstrap-table/extensions/resizable/bootstrap-table-resizable.min.js"></script>
<script src="/js/crm/common/colResizable-1.6.min.js"></script>
<!--日历-->
<script src="/js/crm/taskManager/user/calendar.js"></script>
<script src="/js/crm/taskManager/user/taskList.js"></script>
<!-- 图片上传插件 -->
<script type="text/javascript" src="/js/upload.img.js"></script>
<!--公共js-->
<script src="/js/crm/common/common.js"></script>

</html>